<template>
  <div :style="{ border: '1px solid #000' }">
    <h1>App:a-{{ a }}--b--{{ b }}--c--{{ c }}</h1>
    <One
      :a="a"
      :b="b"
      :c="c"
      @changea="changea"
      @changeb="changeb"
      @changec="changec"
    />
  </div>
</template>

<script>
import One from "@/components/One";
export default {
  name: "App",
  components: {
    One,
  },
  data() {
    return {
      a: 1,
      b: 2,
      c: 3,
    };
  },
  methods: {
    changea(value) {
      this.a = value;
    },
    changeb(value) {
      this.b = value;
    },
    changec(value) {
      this.c = value;
    },
  },
};
</script>

<style></style>
